<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>档口通</title>
    <meta name="viewport" content="width=device-width, initial-scale=1 user-scalable=0">
	<script src="js/jquery.min.js"></script>
    <script>
        var offWidth = window.screen.width / 30; 
        document.getElementsByTagName("html")[0].style.fontSize = offWidth + 'px'; 
    </script>
    <style>
        * {
            padding: 0;
            margin: 0;
        }
        div {
            margin: 0.833333333rem 0;
        }
        a {
            text-decoration: none;
        }
        .one {
            width: 25rem;
            min-height: 2rem;
            background-size: contain;
			text-align: left;
			padding-left: 3rem;
        }
		hr{
	
		}
    </style>
</head>
<body>
	<div class="one"><h1>溯源信息一览表</h1></div>
	<br/>

	<center><hr width="80%"></center>
	<div class="one" id="1"></div>
	<center><hr width="80%"></center>
    <div class="one" id="2"></div>
	<center><hr width="80%"></center>
	<div class="one" id="3"></div>
	<center><hr width="80%"></center>
	<div class="one" id="4"></div>
	<center><hr width="80%"></center>
	<div class="one" id="5"></div>
	<center><hr width="80%"></center>
	<div class="one" id="6"></div>
	<center><hr width="80%"></center>
	<div class="one" id="7"></div>
	<center><hr width="80%"></center>
	<div class="one" id="8"></div>
	<center><hr width="80%"></center>
	<div class="one" id="9"></div>
	<center><hr width="80%"></center>
	<div class="one" id="10"></div>
	<center><hr width="80%"></center>
	<div class="one" id="11"></div>
	<center><hr width="80%"></center>
	<div class="one" id="12"></div>
	<center><hr width="80%"></center>
	<div class="one" id="13"></div>
	<center><hr width="80%"></center>
</body>
<script>
	//+window.location.search.substring(4)
	$.ajax({
	     url: "http://39.108.147.139:9091/record/getInfoById/10187_vyBFILOSVY",
	     type: "GET",
	     async:false,
	     success: function (data) {
			 console.log(data)
			
			 $("#1").append(`屠宰档口名:   `+data.object.stallsVo.stallsName);
			 $("#2").append(`屠宰档口曾用名:   `+data.object.stallsVo.changeInformation);
			 $("#3").append(`屠宰人:   `+data.object.stallsVo.userName);
			 $("#4").append(`屠宰时间:   `+data.object.record.LabelingDate);
			 $("#5").append(`屠宰市场名：   `+data.object.slaughterVo.name);	
			 $("#6").append(`屠宰档口开业时间:   `+data.object.stallsVo.commencementDate);
			 $("#7").append(`屠宰档口图片:   <img src="`+data.object.stallsVo.stallsPictures+`" alt="暂无图片" style="width:20rem;height:20rem;">`);
			 
			 $("#8").append(`种类：`+data.object.poultryCategoryVo.name);	
			 $("#9").append(`详情：`+data.object.poultryCategoryVo.detail);	
			 
			 $("#10").append(`屠宰市场所在地：   `+data.object.slaughterVo.province+"-"+data.object.slaughterVo.city+"-"+data.object.slaughterVo.district+"-"+data.object.slaughterVo.address);	
			 $("#11").append(`屠宰市场介绍：   `+data.object.slaughterVo.marketIntroduction);	
			 $("#12").append(`屠宰市场建立时间:   `+data.object.slaughterVo.establishDate);	
			 $("#13").append(`屠宰市场图片:   <img src="`+data.object.slaughterVo.marketPicture+`" alt="暂无图片" style="width:20rem;height:20rem;">`);
			

			
	     }
	});
</script>

</html>